<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1" session="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*"%>
<%
	if (session.getAttribute("usuario") != null) {
		response.sendRedirect("Main.jsp");
		return;
	}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>ODISEA - Soluciones integrales ARE</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="StiloLogin.css">
<link rel="Shortcut Icon" href="icono_tm.ico" type="image/x-icon" />
<script src="js/jquery.js" language="JavaScript"> </script>
<script type="text/javascript" language="javascript">
	function validar() {
		//var pasa = true;
		var usuario = $("#usuario").val();
		var clave =  $("#password").val();
		
		if (usuario == "") {
			$("#msg_usuario").html("Campo requerido");
			return;
		}
		if (clave == "") {
			$("#msg_clave").html( "Campo requerido");
			return;
		}
//alert(usuario);
		$.post(
				"SrvUsuarios", {
					operacion : "login",
					usuario : usuario,
					clave: clave
				},
				procesar
			);
	}

	function procesar(resultado) {
		if (resultado == "OK") {
			window.location.href="Main.jsp";
		}else {
			$("#login").html(resultado);
		}
		
	}
</script>
</head>
<body>
	<br/>
<!--  <img src="images/logo_mobile.png" />-->
	<div id="cajaLog">
	<img src="images/Caja.png" style="height:300px; width:350px; margin-left:opx;"/>
	</div>
	<div id="logo">
	<div id="InfoInstitucion">
	<form action="" name="form1" id="form1" method="post">
		<table>
			<tr>
				<td>Usuario</td>
				<td><input type="text" name="usuario" id="usuario">
				
				<div id="msg_usuario"></div>
				</td>

			</tr>
			<tr>
				<td>Clave</td>
				<td><input type="password" name="password" id="password">
				<div id="msg_clave"></div>
				</td>

			</tr>
			
			<tr>
				<td colspan=2>
				<div id="login"></div>
				<div><input type="button" onclick="javascript:validar();"
					name="cmd_login" id="cmd_login" value="Ingresar"></div></td>
			</tr>

		</table>
	</form>
	<br/>
	<br/>
	<br/>
	<br/>
	<br/>
	<br/>
	<br/>
	<br/>
	<div style="text-align:center; width:200px; font-size:11px; text-transform:capitalize;">Todos los derechos reservados</div>
	</div>
	</div>
	<div>
	
	</div>
</body>
</html>